<template>
  <div class="indexContainer">
    <div class="indexIndustry">
      <el-row :gutter="10">
        <el-col :xs="24" :sm="24" :md="18" :lg="4" :xl="4" v-for="item in countData" :key="item.name">
          <div class="labelItem color1">
            <h4>{{item.value}}</h4>
            <p v-if="item.name=='product_all'">应用产品累计上架数</p>
            <p v-if="item.name=='product_month'">应用产品本月上架数</p>
            <p v-if="item.name=='model_all'">算法工具累计上架数</p>
            <p v-if="item.name=='model_month'">算法工具本月上架数</p>
            <p v-if="item.name=='result_all'">应用成果累计上架数</p>
            <p v-if="item.name=='result_month'">应用产品本月上架数</p>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script>
import { getCount } from "@/request/api/index"
export default {
  components: {

  },
  data() {
    return {
      countData: []
    };
  },
  created() {
    this.getCountData()
  },
  methods: {
    // 获取统计
    getCountData() {
      getCount().then(res => {
        if (res.data.code == 1) {
          this.countData = res.data.data
        }
      })
    },
  },
};
</script>
<style lang="less" scoped>
@import "./industry.less";
@import "../common.less";
</style>
